<script>
	export default {
		onLaunch: function() {
			console.log(this.$u.config.v);
			// #ifdef H5
			if (window.location.hash != '') {
				let search = window.location.search.substring(1);
				try {
					if (search.indexOf('hashpath') != -1) {
						let sea = JSON.parse('{"' + decodeURIComponent(search).replace(/"/g, '\\"').replace(/&/g,
							'","').replace(/=/g, '":"') + '"}');
						if (sea.hashpath && sea.code && sea.state) {
							window.location.href = window.location.origin + window.location.pathname + '#' + sea
								.hashpath + '?code=' + sea.code + '&state=' + sea.state
						}
					}
				} catch (e) {
					//TODO handle the exception
				}
			}
			// #endif
		},
		onShow: function() {},
		onHide: function() {}
	}
</script>
<style lang="scss">
	@import "uview-ui/index.scss";

	/*每个页面公共css */
	.page {
		display: flex;
		flex-direction: column;
		height: 100vh;
		width: 100vw;
		overflow: hidden;
		box-sizing: border-box;
		// padding-bottom: constant(safe-area-inset-bottom);
		/*兼容 iOS<11.2*/
		// padding-bottom: env(safe-area-inset-bottom);
		/*兼容 iOS>11.2*/
	}

	.page__bd {
		flex-grow: 1;
		overflow-y: auto;
	}

	.page__ft {
		flex-shrink: 0;
	}

	view,
	swiper,
	swiper-item,
	textarea,
	navigator {
		box-sizing: border-box;
	}

	textarea {
		width: 100%;
	}

	.c-font-bold {
		font-weight: bold !important;
	}

	.cl-tabs {
		display: flex;
		align-items: center;

		.item {
			flex-grow: 1;
			text-align: center;
			padding: 30rpx 0;
			font-size: 28rpx;
			font-weight: 600;
			border-radius: 20rpx;
			background-color: #eeeeee;
			margin-right: 50rpx;

			&:last-child {
				margin-right: 0;
			}

			&.active {
				color: #ffffff;
				background-color: #2196F3;
			}
		}
	}

	/*
		事件列表
	*/
	.report-list {
		.images {
			display: flex;
			flex-wrap: wrap;
			margin:-6rpx;
			image {
				width: 180rpx;
				height:180rpx;
				margin:6rpx;
			}
			video{
				width: 180rpx;
				height:180rpx;
				margin:6rpx;
			}
		}

		.content {
			padding-top: 10rpx;
			padding-bottom: 30rpx;
		}

		.item {
			padding: 30rpx;
			background-color: #fff;
			border-radius: 20rpx;
			margin-bottom: 30rpx;
		}

		.bottom {
			display: flex;
			align-items: center;

			.time {
				font-size: 24rpx;
				color: #999999;
				flex-grow: 1;
				margin-right: 20rpx;
			}

			.oper-btn {
				margin-left: 20rpx;
			}
		}

		.top {
			display: flex;
			align-items: center;
			font-weight: 600;
			margin-bottom: 20rpx;

			.status {
				color: #999999;
				margin-left: auto;
			}
		}

		.label {
			display: inline;
			padding: 2px 6px;
			font-size: 12px;
			font-weight: 700;
			line-height: 1;
			background-color: #2196F3;
			color: #fff;
			text-align: center;
			white-space: nowrap;
			vertical-align: baseline;
			border-radius: 4px;
			margin-right: 10rpx;
		}

		.address {
			color: #999;
			margin-bottom: 20rpx;
		}
	}

	/*
	cell
	*/
	.cl-cell {
		display: flex;
		align-items: center;
		padding: 36rpx;
		border-radius: 20rpx;
		background-color: #f6f6f6;
		position: relative;

		&:active {
			opacity: 0.6;
		}

		.cl-cell__icon {
			display: flex;
			align-items: center;

			image {
				width: 40rpx;
				height: 40rpx;
			}
		}

		.cl-cell__right {
			image {
				width: 32rpx;
				height: 32rpx;
			}
		}

		.cl-cell__title {
			flex-grow: 1;
			padding: 0 40rpx;
			font-size: 32rpx;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
			flex-shrink: 0;
			font-weight: 600;
		}

		cl-cell__value {
			flex-grow: 1;
			padding-left: 20rpx;
			text-align: right;
			font-size: 28rpx;
			color: #80848f;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
		}

		.cl-cell__foot {
			flex-shrink: 0;
		}

	}

	.u-flex .cl-cell {
		width: calc(50% - 25rpx);
	}
	.fowe800{
		font-weight: 800;
	}
	.fowe600{
		font-weight: 600;
	}
	.fofa{
		font-family: initial;
	}
	.dis{
		display: flex;
	}
	.disAl{
		align-items: center;
	}
	.disJuC{
		justify-content: center;
	}
	.disJuB{
		justify-content: space-between;
	}
	.flwa {
	  flex-wrap: wrap;
	}
	.fleDir{
	  flex-direction: column;
	}
	.wid100{
		width: 100%;
	}
	.wid95{
		width: 95%;
	}
	.wid90{
		width: 90%;
	}
	.wid87{
		width: 87%;
	}
	.wid80{
		width: 80%;
	}
	.hei100{
		height: 100%;
	}
	.hei80{
		height: 80rpx;
	}
	.hei87{
		height: 87rpx;
	}
	.hei60{
		height: 60rpx;
	}
	.hei50{
		height: 50rpx;
	}
	.wh100{
		width: 100%;
		height: 100%;
	}
	.mar{
		margin: auto;
	}
	.mar20{
		margin: 20rpx auto;
	}
	.mar-left10{
		margin-left: 10rpx;
	}
	.mar-right10{
		margin-right: 10rpx;
	}
	.mar-top10{
		margin-top: 10rpx;
	}
	.mar-bott10{
		margin-bottom: 10rpx;
	}
	.mar-left20{
		margin-left: 20rpx;
	}
	.mar-right20{
		margin-right: 20rpx;
	}
	.mar-top20{
		margin-top: 20rpx;
	}
	.mar-bott20{
		margin-bottom: 20rpx;
	}
	.mar-left30{
		margin-left: 30rpx;
	}
	.mar-right30{
		margin-right: 30rpx;
	}
	.mar-top30{
		margin-top: 30rpx;
	}
	.mar-bott30{
		margin-bottom: 30rpx;
	}
	.mar-top40{
		margin-top: 40rpx;
	}
	.textCen{
		text-align: center;
	}
	.foSi60{
		font-size: 60rpx;
	}
	.foSi50{
		font-size: 50rpx;
	}
	.foSi40{
		font-size: 40rpx;
	}
	.foSi35{
		font-size: 35rpx;
	}
	.foSi32{
		font-size: 32rpx;
	}
	.foSi30{
		font-size: 30rpx;
	}
	.foSi28{
		font-size: 28rpx;
	}
	.foSi25{
		font-size: 25rpx;
	}
	.foSi22{
		font-size: 22rpx;
	}
	.foSi20{
		font-size: 20rpx;
	}
	.foSi18{
		font-size: 18rpx;
	}
	.foSi15{
		font-size: 15rpx;
	}
	.foSi13{
		font-size: 13rpx;
	}
	.borRad10{
		border-radius: 10rpx;
	}
	.borRad20{
		border-radius: 20rpx;
	}
	.borRad40{
		border-radius: 40rpx;
	}
	.borRad50{
		border-radius: 50%;
	}
	.coFFF{
		color: #fff;
	}
	.bacFFF{
		background-color: #fff;
	}
	.xhx{
		height: 1rpx;
		background-color: #F0F0F0;
	}
	.poFix{
		position: fixed;
	}
	.poAbs{
		position: absolute;
	}
	.poRel{
		position: relative;
	}
	.overflowHidden {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	
	.webkitLineClamp {
		overflow: hidden;
		word-break: break-all;
		/* break-all(允许在单词内换行。) */
		text-overflow: ellipsis;
		/* 超出部分省略号 */
		display: -webkit-box;
		/** 对象作为伸缩盒子模型显示 **/
		-webkit-box-orient: vertical;
		/** 设置或检索伸缩盒对象的子元素的排列方式 **/
		-webkit-line-clamp: 2;
		/** 显示的行数 **/
	}
	.webkitLineClamp3 {
		overflow: hidden;
		word-break: break-all;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
	  white-space: pre-line !important;
	}
	.table{
		bottom: 0;
		z-index: 11;
		border-top: 1rpx solid #ddd;
		background-color: #fff;
		color: rgb(136, 136, 136);
		padding: 20rpx 0;
	}
	.tableImage{
		width: 40rpx;
		height: 40rpx;
	}
	.u-btn--success{
		background-color: #2196F3 !important;
		color: #fff !important;
		border-color: #2196F3 !important;
	}
</style>
